<template>
  <section class="lbt">
    <div class="swiper-container lun">
      <div class="swiper-wrapper">
        <div class="swiper-slide"><img src="../../../static/img/y_banner1.jpg"></div>
        <div class="swiper-slide"><img src="../../../static/img/y_banner2.jpg"></div>
        <div class="swiper-slide"><img src="../../../static/img/y_banner3.jpg"></div>
        <div class="swiper-slide"><img src="../../../static/img/y_banner4.jpg"></div>
      </div>
    </div>
  </section>
</template>
<style scoped>
  /*=====轮播图=====*/
  .swiper-slide{
    width:100%;
    height:auto;
  }
  .swiper-slide img{
    width:100%;
    height:100%;
    display:block;
  }
</style>
<script type="text/ecmascript-6">
    export default {
        components:{

        },
        mounted:function(){
            var mySwiper = new Swiper ('.lun', {
              direction: 'horizontal',
              loop: true,
              autoplay:2000

          })


        }

    }


</script>
